<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">        

            <h:form id="formulario">

              <p:fieldset legend="Detalle de Empresa" toggleable="true" toggleSpeed="500"
                                style="width:70%;margin: 10px auto;">
        				<p:ajax event="toggle"/>
                  
                <p:panelGrid style="width:80%;margin: 0px auto" id="verEmpresa">
                    <p:row>
                        <p:column>
                            <h:outputText value="R.U.C.(*) : "  />
                        </p:column>
                        <p:column>
                            <h:outputText class="negrita" value="#{BKEmpresa.empresaFormulario.ruc}"  />									
                        </p:column>
                        
                    </p:row>
                    <p:row>
                       <p:column>
                            <h:outputText value="SIGLA : "  />
                        </p:column>
                        <p:column>
                            <h:outputText class="negrita" value="#{BKEmpresa.empresaFormulario.sigla}"/>
                        </p:column> 
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputText value="RAZON SOCIAL(*) : "  />
                        </p:column>
                        <p:column colspan="3">
                            <h:outputText class="negrita" id="idRazonSocial" value="#{BKEmpresa.empresaFormulario.razonSocial}" /> 
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputText value="NOMBRE COMERCIAL : "  />
                        </p:column>
                        <p:column colspan="3">
                            <h:outputText class="negrita" value="#{BKEmpresa.empresaFormulario.nombreComercial}" /> 
                        </p:column>
                    </p:row>							
                    <p:row>
                        <p:column>
                            <h:outputText value="UBICACION(*) : "  />
                        </p:column>
                        <p:column colspan="3">
                            <h:outputText  class="negrita" id="idUbigeo" value="#{BKEmpresa.empresaFormulario.descUbicacion}"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <h:outputText value="DIRECCION LEGAL(*) : " />
                        </p:column>
                        <p:column colspan="3">
                            <h:outputText class="negrita" value="#{BKEmpresa.empresaFormulario.direccionLegal}"/> 
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column colspan="1">
                            <h:outputText value="OBSERVACION : " />
                        </p:column>
                        <p:column colspan="3">
                            <h:outputText class="negrita" value="#{BKEmpresa.empresaFormulario.observacion}" />	
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column colspan="4">
                            <p:fieldset id="fstContacto" legend="REPRESENTANTES" >
                                <p:dataTable id="dataTablaContacto" var="contacto" value="#{BKContacto.listaContacto}" widgetVar="carsTable"
                                             emptyMessage="No se encontraron contactos"  >


                                    <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                        <h:outputText value="#{rowIndex+1}" />
                                    </p:column>

                                    <p:column id="idColumnaNombre" headerText="NOMBRE" >
                                                <h:outputText value="#{contacto.nombre}" />  
                                    </p:column>

                                    <p:column id="idColumnaCargo" headerText="CARGO" >
                                                <h:outputText value="#{contacto.cargo}" /> 
                                    </p:column>

                                    <p:column id="idColumnaTelefono" headerText="TELEFONO" >
                                        
                                                <h:outputText value="#{contacto.telefono}" />  
                                    </p:column>

                                    <p:column id="idColumnaMovil" headerText="MOVIL" >
                                                <h:outputText value="#{contacto.movil}" />
                                    </p:column>

                                    <p:column id="idColumnaCorreo" headerText="CORREO" >
                                                <h:outputText value="#{contacto.correo}" /> 
                                    </p:column>

                                </p:dataTable>
                            </p:fieldset>

                        </p:column>
                    </p:row>
                </p:panelGrid>

                <br/>                        
                <h:panelGrid columns="2"  style="width: 300px;margin: 0px auto;">
                    <p:commandButton action="#{MBEmpresa.cancelar()}" id="btnGuardar" 
                                     ajax="false" value="Volver" immediate="true" />
                    <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print">  
                        <p:printer target="verEmpresa" />    
                    </p:commandButton >
                </h:panelGrid>
                
             </p:fieldset>   
          
             <br/>   
          </h:form>

        </ui:define>
    </ui:composition>
</html>